<template>
  <main class="xh-main">
    <!-- <section>
      <img class="full-width" src="/static/homebg.png" alt="">
    </section> -->
    <section class="section-2 relative">
      <p class="header blue">SERVICE PLATFORM <span>服务平台</span></p>
    </section>
    <section class="section-3 serve relative">
      <div class=" mini-pc-width flex-space-between">
        <div class="item" @click="toClickPath('/installer/cloud/notice')">
          <img src="/static/r4.png" alt="">
          <span class="text">云课堂</span>
        </div>
        <div class="item" @click="toClickPath('/installer/bim')">
          <img src="/static/r2.png" alt="">
          <span class="text">BⅠM</span>
        </div>
        <div class="item" @click="toClickPath('/installer/evaluation/notice')">
          <img src="/static/r5.png" alt="">
          <span class="text">企业能力评价</span>
        </div>
      </div>
      <div class=" mini-pc-width flex-space-between mt30">
        <div class="item" @click="toClickPath('/installer/cost/rules')">
          <img src="/static/s5.png" alt="">
          <span class="text">造价信息服务</span>
        </div>
        <div class="item" @click="toClickPath('/installer/completion/rules')">
          <img src="/static/s4.png" alt="">
          <span class="text">竣工资料</span>
        </div>
        <div class="item" @click="toClickPath('/installer/promotion/rules')">
          <img src="/static/s6.png" alt="">
          <span class="text">绿色促进中心</span>
        </div>
      </div>
    </section>
  </main>
</template>
<script>
export default {
  name: 'association',
  data () {
    return {
      currentIndex: 0
    }
  },
  components: {
  },
  computed: {
  },
  created () {
    console.log(11111)
  },
  methods: {
    tolink (item, index) {
      this.currentIndex = index
      this.$router.push({ path: item.path })
    },
    toClickPath (path) {
      this.$router.push({ path: path })
    }
  }
}
</script>
<style lang="scss">
</style>
